<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表单练习</title>
	</head>

	<body>
		<h3>&nbsp;&nbsp;&nbsp;&nbsp;填写用户注册信息</h3>

		<form>
			<table border="1px" cellpadding="1px" cellspacing="0px" width="600px">
				<tr >
					<td align="right" width="20%">用户名：</td>
					<td><input type="text" name="firstname"></td>
					<td align="left">登录用户名</td>
				</tr>
				<tr>
					<td align="right">密码：</td>
					<td><input type="password" name="password"></td>
					<td align="left">登录密码，6个以上字母、数字组合，不区分大小写</td>
				</tr>
				<tr>
					<td align="right">注册邮箱：</td>
					<td><input type="email" name="email" type="email" /></td>
					<td align="left">登入后不可修改</td>
				</tr>
				<tr>
					<td align="right">性别：</td>
					<td><input type="radio" name="sex">男
						<input type="radio" name="sex">女</td>
					<td align="left">选择你的性别</td>
				</tr>
				<tr>
					<td align="right">出生年月：</td>
					<td>
						<select name="year">
							<option value="year">2017</option>
							<option value="year">2016</option>
							<option value="year">2015</option>
							<option value="year">2014</option>
						</select>年
						<select name="month">
							<option value="month">1</option>
							<option value="month">2</option>
							<option value="month">3</option>
							<option value="month">4</option>
							<option value="month">5</option>
							<option value="month">6</option>
							<option value="month">7</option>
							<option value="month">8</option>
							<option value="month">9</option>
							<option value="month">10</option>
							<option value="month">11</option>
							<option value="month">12</option>
						</select>月
					</td>
					<td align="left">选择你的出生年月</td>
				</tr>
				<tr>
					<td align="right">兴趣标签：</td>
					<td>
						<input type="checkbox" name="hobit">生活
						<input type="checkbox" name="hobit">娱乐
						<input type="checkbox" name="hobit">体育<br />
						<input type="checkbox" name="hobit">财经
						<input type="checkbox" name="hobit">时尚
						<input type="checkbox" name="hobit">新闻</td>
					<td align="left">选择你感兴趣的标签</td>
				</tr>
				<tr>
					<td align="right">头像：</td>
					<td><input type="file" name="fileinput"></td>
					<td align="left">选择你的图像文件</td>
				</tr>
				<tr>
					<td align="right">个人简介：</td>
					<td><textarea name="introduction" rows="5" wrap="hard"></textarea></td>
					<td align="left">请添加您的个人简介情况，以便让朋友们更了解您</td>
				</tr>
			</table>
			<table width="500px">
				<tr>
					<td></td>
					<td><input type="submit" value="免费注册"></td>
				</tr>
			</table>
		</form>
	</body>

</html>